<template>
  <el-table
 
    :data="tableData"
    style="width: 100%" height="400px" >
    <el-table-column
      label="序号"
      width="78">
      <template slot-scope="scope">
        <span style="margin-left: 10px">{{ scope.$index+1 }}</span>
      </template>
    </el-table-column>

    <el-table-column
      label="项目编号"
      width="78">
      <template slot-scope="scope">
       
        <span style="margin-left: 10px">{{ scope.row.number }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="项目名称"
      width="173">
      <template slot-scope="scope">
    
        <span style="margin-left: 10px">{{ scope.row.itemName }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="项目负责人"
      width="173">
      <template slot-scope="scope">
    
        <span style="margin-left: 10px">{{ scope.row.username }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="当前阶段"
      width="173">
      <template slot-scope="scope">
    
        <span style="margin-left: 10px">{{ scope.row.current }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="项目状态"
      width="173">
      <template slot-scope="scope">
   
        <span style="margin-left: 10px">{{ scope.row.state }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="开始日期"
      width="200">
      <template slot-scope="scope">
     
        <span style="margin-left: -10px">{{ scope.row.start }}</span>
      </template>
    </el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit( scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete( scope.row.id)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>

 export default {
    props:['tableData'],
    data() {
      return {
      }
    },
    methods: {
      handleEdit( id) {
        console.log( id);
      },
      handleDelete( id) {
        this.$emit('dlelistid', id);
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>